import React from 'react';
import cls from 'classnames';
import styles from './index.less';
import IM from '../IM';

export default function InterviewIM({ groupId, readOnly, title, tip, className, ...rest }) {
    return (
        <div className={cls(styles.root, className)} {...rest}>
            <div className={styles.title}>{title}</div>
            {tip && <div className={styles.tip}>{tip}</div>}
            <IM groupId={groupId} readOnly={readOnly} className={styles.im} />
        </div>
    );
}
